@charset "utf-8";
/* header */
header{
    position: relative;
    z-index:3;
    height:104px;
    background-color:#05577b;
    background-image:url("../img/index_bg1.png");
    border-bottom: 1px solid #c0aa80;
}
.absolute-self-center {
    position: absolute;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
.headIcon p {
    border-radius: 12px;
    padding: 1px 5px;
    background: #ff3535;
    color: white;
    top: 38px;
    left: 58px;
    font-size: 10px;
}
.operate{
    position: absolute;
    top:85px;
    left:0;
    width:121px;
    border:1px #c0aa80 solid;
    display: none;
}
.operate .opItem{
    padding:5px 0;
}
.operate .opItem:first-child{
    border-bottom:1px #c0aa80 solid;
}
.icArrow{
    display: inline-block;
    width:25px;
    height:9px;
    background: url("../img/ic_arrow.png") no-repeat;
}
.rotate_x180{
    -webkit-transform: rotateX(180deg);
    -moz-transform: rotateX(180deg);
    -ms-transform: rotateX(180deg);
    -o-transform: rotateX(180deg);
    transform: rotateX(180deg);
}
.nav_box h1{
    padding-top:22px;
}
.nav__ul .nav__li{
    position: relative;
    width: 96px;
    height:104px;
    line-height: 104px;
    padding:0 20px;
    cursor: pointer;
    text-align: center;
}
.nav__ul .nav__li a{
    display: block;
    color: #fff;
}
.subNav{
    position: absolute;
    top:104px;
    left:-117px;
    z-index:10;
    width:330px;
    height:150px;
    padding:20px 66px;
    border:1px #c0aa80 solid;
    border-top:0;
    display: none;
    text-align:center;
}
.subNav li{
    float: left;
    width:50%;
    line-height:26px;
    height:26px;
    font-size:16px;
    justify-content: center;
}

.subNav li i{
    position: relative;
    top:10px;
    display: block;
    width:7px;
    height:7px;
    background:#c0aa80;
    margin-right:10px;
}
.nav .nav__line {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 96px;
    height: 5px;
    background: #c0aa80;
}
.userBox{
    position: absolute;
    right:-80px;top:0;
}
.userBox #bfLog{
    line-height:104px;
}
/* index banner */
.banner{
    overflow: hidden;
}
.banner__ul{
    overflow: hidden;
    height:860px;
    z-index:0;
}
.banner__ul .banner__li {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
    width: 100%;
    opacity: .2;
    transform-origin: 0 0;
    display: none;
}
.banner__ul li.banner__li:first-child {
    display: block;
}
.banner__ul .banner__li img{
    display: block;
}
.transx{
    z-index: 2 !important;
    display: block !important;
    animation: fadeinR 1.5s 0s ease forwards;
    -webkit-animation: fadeinR 1.5s 0s ease forwards;
}
.transxs{
    z-index: 2 !important;
    display: block !important;
    animation: fadeinRs 1s 0s ease forwards;
    -webkit-animation: fadeinRs 1s 0s ease forwards;
}
.banner__dotul {
    position: absolute;
    bottom: 15%;
    left: 50%;
    z-index: 4;
}
.banner__dotul li {
    width: 10px;
    height: 10px;
    background: #c0aa80;
    border-radius: 10px;
    margin-right: 15px;
}
.banner__dotul li:last-child {
    margin-right:0;
}
.banner__dotul .banner__curdot{
    background: #fff;
}
.banner__arr i{
    position: absolute;
    top:50%;
    margin-top:-52px;
    z-index:3;
    display: block;
    cursor: pointer;
    width:55px;
    height:105px;
    background:url("../img/index_icon.png") no-repeat;
}
.banner__arr .banner__prev{
    left:5%;
    background-position:-10px -251px;
}
.banner__arr .banner__next{
    right:5%;
    background-position:-74px -251px;
}
.banner__text{
    position: absolute;
    left:50%;
    top:50%;
    z-index:3;
    opacity:0;
    display: none;
}
.cur_bt{
    display: block;
    animation: fadein .5s .3s ease-in-out forwards;
    -webkit-animation: fadein .5s .3s ease-in-out forwards;
}
.banner__text p{
    color: #c0aa80;
    font-size:24px;
    letter-spacing: 8px;
}
.banner__text h3{
    font-size:50px;
}
.a-more{
    display: block;
    width:170px;
    height:40px;
    line-height:40px;
    border-radius:30px;
}
.a-more:active,.a-more:visited{
    color: #fff;
}
.banner__type{
    font-size:22px;
    margin-right:50px;
}
.banner__type i{
    position: relative;
    top:-4px;
    display: inline-block;
    width:6px;
    height:6px;
    background: #c1ab81;
}

/* index main */
.tc_b4{
    color:#b4b4b4;
}
.i-section{
    width:100%;
    padding:80px 0;
}
.section1{
    background-image: url("../img/index_bg2.png");
}
.i-section .container__block{
    display: block;
    width:90px;
    height:3px;
    margin:0 auto 80px;
}
.container__title h3{
    font-size: 38px;
}
.container__title h4{
    font-size: 30px;
}
.container__cont1{
    padding:0 60px;
}
.cont1__ul li{
    width:280px;
    margin-right:120px;
}
.cont1__ul li:last-child{
    margin-right:0;
}
.cont1__ul li h3{
    font-size: 60px;
    color:#c0aa80;
    font-weight: 500;
}
.cont1__ul li .cont1__line{
    width:230px;
    border-bottom: 1px #b4ccd7 solid;
}
.cont1__line i{
    display: block;
    width:42px;
    height:4px;
    background:#05577b;
}
.cont1__name{
    font-size:32px;
    color:#05577b;
}
.cont1__name i{
    position: relative;
    top:3px;
    display: inline-block;
    width: 32px;
    height:32px;
    background:url("../img/index_icon.png") no-repeat;
}
.cont1__name .cont1__ic1{
    background-position: -10px -49px;
}
.cont1__name .cont1__ic2{
    background-position: -94px -49px;
}
.cont1__name .cont1__ic3{
    background-position: -52px -49px;
}
.cont1__ul li p{
    font-size:16px;
    color:#05577b;
}
.cont1__ul li span{
    color:#787878;
}
.container__cont1 p{
    font-size:16px;
    color: #5a5a5a;
    letter-spacing: 2px;
    line-height:24px;
}
.container__more{
    width:260px;
    height:50px;
    line-height:50px;
    margin:0 auto;
    position: relative;
}
.container__more::before{
    content: "";
    position: absolute;
    left:0;
    top:0;
    width:0;
    height:100%;
    background: rgba(255,255,255,.2);
    transform-origin: 50% 50%;
    -webkit-transition:all .3s ease-in-out 0s;
    -moz-transition:all .3s ease-in-out 0s;
    -o-transition:all .3s ease-in-out 0s;
    transition:all .3s ease-in-out 0s;
}
.container__more:hover::before{
    width:100%;
}
.section2{
    background-image: url("../img/index_bg2.jpg");
}
.pro__tab{
    border:1px #e5e5e5 solid;
}
.pro__tab .tabLi{
    position: relative;
    z-index:1;
    width:171px;
    height:72px;
    line-height:72px;
    border-right:1px #e5e5e5 solid;
    font-size:18px;
    font-weight:600;
    background: #fff;
    cursor: pointer;
}
.pro__tab li.tabLi:last-child{
    border:0;
}
.pro__tab li.cur_tab{
    background: #05577b;
}
.pro__tab .tabLi::after{
    position: absolute;
    top:0;
    left:0;
    z-index:-1;
    content:"";
    width:0;
    height:100%;
    background: #05577b;
    /*-webkit-transition:all .3s ease-in-out 0s;*/
    /*-moz-transition:all .3s ease-in-out 0s;*/
    /*-o-transition:all .3s ease-in-out 0s;*/
    /*transition:all .3s ease-in-out 0s;*/
}
.pro__tab .tabLi:hover::after{
    width:100%;
}
.pro__tab .tabLi:nth-child(2) .subTab{
    left:-171px;
}
.pro__tab .tabLi:nth-child(3) .subTab{
    left:-342px;
}
.pro__tab .tabLi:nth-child(4) .subTab{
    left:-513px;
}
.pro__tab .tabLi:nth-child(5) .subTab{
    left:-684px;
}
.pro__tab .tabLi:nth-child(6) .subTab{
    left:-855px;
}
.pro__tab .tabLi:nth-child(7) .subTab{
    left:-1026px;
}
.pro__tab li a{
    display: block;
    color: #05577b;
    /*-webkit-transition:all .3s ease-in-out 0s;*/
    /*-moz-transition:all .3s ease-in-out 0s;*/
    /*-o-transition:all .3s ease-in-out 0s;*/
    /*transition:all .3s ease-in-out 0s;*/
}
.pro__tab li.cur_tab a,.pro__tab li:hover a{
    color: #fff;
}
.subTab{
    position: absolute;
    top:72px;
    left:0;
    z-index:10;
    padding:30px 40px;
    background: #176181;
    display: none;
}
.subTabItem{
    width:20%;
    min-height:120px;
    float: left;
}
.subTabItem li{
    line-height: 24px;
}
.subTabItem li a{
    font-size:14px;
    font-weight:500;
}
.cont2__list .cont2__items{
    width:390px;
    margin-right:15px;
}
.cont2__list .cont2__items:last-child{
    margin-right:0;
}
.cont2__items .items__top{
    padding:35px 30px;
}
.items__top i{
    display: block;
    width:33px;
    height:57px;
    margin-right:30px;
    background: url("../img/index_icon.png") no-repeat;
}
.items__top .items__ic1{
    background-position:-10px -174px;
}
.items__top .items__ic2{
    width:45px;
    background-position:-53px -174px;
}
.items__top .items__ic3{
    width:57px;
    background-position:-108px -174px;
}
.items__title{
    position: relative;
    top:3px;
}
.items__title h3{
    font-size:22px;
}
.items__title p,.items__bot p{
    font-size:16px;
}
.items__bot{
    background:#fff;
    padding:50px 20px 40px;
}
.items__bot p{
    padding:0 5px;
    color: #5a5a5a;
    line-height:24px;
}
.ib_type li{
    position: relative;
    z-index:1;
    width:32.33333%;
    margin:0 1.5% 10px 0;
    border:1px #dcdcdc solid;
    height:50px;
    line-height: 50px;
    font-size:16px;
}
.ib_type li::after{
    position: absolute;
    top:0;
    left:0;
    z-index:0;
    content: "";
    display: block;
    width:100%;
    height:0;
    background:rgba(90,90,90,.4);
    -webkit-transition:all .3s ease-in-out 0s;
    -moz-transition:all .3s ease-in-out 0s;
    -o-transition:all .3s ease-in-out 0s;
    transition:all .3s ease-in-out 0s;
}
.ib_type li:hover::after{
    height:100%;
}
.ib_type li:nth-child(3n){
    margin-right:0;
}
.ib_type li a{
    position: relative;
    z-index:1;
    color: #5a5a5a;
    display: block;
}
.section3{
    background-image: url("../img/index_bg3.jpg");
}
.cont3_li{
    margin-right:116px;
}
.cont3_li:last-child{
    margin-right:0;
}
.cont3_li i{
    display: block;
    width:52px;
    height:52px;
    background: url("../img/index_icon.png") no-repeat;
    margin:17px 20px 0 0;
}
.cont3_li .cont3_ic1{
    background-position: -72px -102px;
}
.cont3_li .cont3_ic2{
    background-position: -10px -102px;
}
.cont3_li .cont3_ic3{
     background-position: -196px -102px;
}
.cont3_li .cont3_ic4{
    background-position: -134px -102px;
}
.cont3_detail{
    padding-left:15px;
    border-left:1px #fff solid;
}
.cont3_detail h3{
    font-size:24px;
    font-weight:600;
}
.cont3_detail h4{
    font-size:20px;
    font-weight:600;
}
.cont3_detail b{
    position: absolute;
    top:0;
    left: -4px;
    display: block;
    width:6px;
    height:39px;
    background: #fff;
}
/* footer */
.ft__top{
    padding:50px 20px;
    background: #3c3c3c;
}
.ft__logo{
    margin-right:180px;
}
.ft__logo a{
    display: block;
}
.ft__logo i{
    position: relative;
    top:2px;
    display: block;
    width:21px;
    height:21px;
    margin-right:15px;
    background: url("../img/index_icon.png") no-repeat;
}


.ft__logo p{
    font-size:16px;
}
.ft__items{
    color: #fff;
    padding:20px 0;
    margin-right:80px;
}
.ft__items dt{
    font-size:18px;
    margin-bottom:30px;
}
.ft__items dd{
    font-size:14px;
    margin-bottom:10px;
}
.ft__items dd a{
    color: #fff;
}
.ft__bot{
    padding:20px 0;
    background: #2a2a2a;
}
.ft__bot p{
    line-height:24px;
}
.ft__bot a{
    color: #fff;
}
/* 产品列表 */
.child_container{
    background:url("../img/bg.jpg") no-repeat;
}
.child_container .pro__tab{
    margin-top: -36px;
}
.child_banner img{
    display: block;
}
.pro_box{
    width:850px;
    overflow: hidden;
}
.pro_box_ul{
    height:383px;
    z-index:0;
}
.pro_box .pro__slide{
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
    width: 100%;
    padding-bottom: 30px;
    opacity: .2;
    background: #fff;
    transform-origin: 0 0;
    display: none;
}
.pslide__top{
    padding:20px 30px;
    border-bottom:1px #c0aa80 solid;
}
.pslide__top .ptop__p{
    font-size:14px;
    width:290px;
    margin:6px 0 0 200px;
    line-height:24px;
}
.pslide__top::after,.pro-main__title::after{
    content:"";
    position: absolute;
    bottom:0;
    left:0;
    width:204px;
    height:4px;
    display: block;
    background: #c0aa80;
}
.pb_ul{
    padding:0 15px;
}
.pb_ul li{
    width:32.33333%;
    margin:0 1.5% 20px 0;
    border: 1px #dcdcdc solid;
    color: #5a5a5a;
}
.pb_ul li:nth-child(3n){
    margin-right:0;
}
.pb_type_left{
    height:70px;
    line-height:70px;
    width:98px;
    border-right: 1px #dcdcdc solid;
    font-weight:600;
}
.pb_type_right{
    height:70px;
    padding:0 10px;
    width:165px;
}

.pb_type_right_det{
    position: absolute;
    top:50%;
}
.pslide__bot a{
    font-size: 16px;
    display: block;
    margin-left:15px;
}
.pro__dot{
    position: absolute;
    right:15px;
    bottom:30px;
    z-index:4;
}
.pro__dot li{
    width:10px;
    height:10px;
    border-radius:50%;
    background: #c0aa80;
    margin-right:15px;
    cursor: pointer;
}
.pro__dot li.cur{
    background: #dfd4bf;
}
.basickit{
    width:340px;
    margin-left:10px;
    padding:20px 10px;
    border:2px #31708c  solid;
}
.bas__top{
    padding-bottom:20px;
    border-bottom:1px #31708c solid;
}
.bas__top i{
    position:relative;
    top:3px;
    display: block;
    width:36px;
    height:44px;
    margin-right:20px;
    background:url("../img/index_icon.png") no-repeat;
    background-position:-134px -37px;
}
.bas__title h3{
    font-size:20px;
    font-weight:600;
}
.bas__btn{
    width:85px;
    height:40px;
    line-height:40px;
    background:#05577b;
    border:1px #dcdcdc solid;
}
.bas__list li{
    margin-bottom:20px;
}
.bas__list li:nth-child(even) .bas__btn{
    background:#31708c;
}

.bas__list p{
    width:221px;
    margin-left:10px;
    color:#5a5a5a;
    line-height: 40px;
}
.pro-main__title{
    width:100%;
    height:105px;
    background:url("../img/t_bg.jpg") no-repeat;
    padding:28px 30px;
    border-bottom:1px #c0aa80 solid;
}
.pro-main__ic{
    position:relative;
    top:5px;
    display: block;
    width:29px;
    height:35px;
    margin-right:20px;
    background:url("../img/index_icon.png") -180px -37px no-repeat;
}
.pro-main__title label{
    font-size:16px;
    color: #c8c8c8;
    line-height:48px;
    margin: 0 20px 0 205px;
}
.pro-main__title select,.pro-main__title input{
    width:210px;
    height:48px;
    border:1px #a0a0a0 solid;
    color: #ddd;
    padding:0 15px;
    outline:none;
    margin-right:15px;
}
.pro-main__title select option{
    color: #333;
}
.pro-main__title input{
    background: none;
    padding-right:38px;
}
.pro-main__title input::-ms-input-placeholder{color:#ddd;}
.pro-main__title input::-webkit-input-placeholder{color:#ddd;}
.pro-search__ic{
    position: absolute;
    top:16px;
    right:35px;
    width:15px;
    height:15px;
    background:url("../img/index_icon.png") -88px -10px no-repeat;
}
.pro-main__title button{
    width:95px;
    height:48px;
    line-height: 48px;
    background:#b4b4b4;
    border:0;
    font-size:16px;
    outline:none;
}
.pro-main_cont{
    padding:30px 35px;

}
.pro-main_cont li{
    width:350px;
    padding:30px 25px;
    margin:0 40px 40px 0;
    border:1px #c8c8c8 solid;
}
.pro-main_cont li:nth-child(3n){
    margin-right:0;
}
.pro-main_cont li h3:hover {
    opacity:.8;
}
.pro-main_cont li img:hover {
    animation: scaled 1s 0s ease-in-out forwards 3;
    -webkit-animation: scaled 1s 0s ease-in-out forwards 3;
}
.pro-main_cont li i,.pd-top__info i{
    display: block;
    width:50px;
    height:50px;
    margin:0 auto 20px;
    background:url("../img/index_icon.png") no-repeat;
}
.pro-main_cont li .pmc__ic1{
    background-position:-10px -366px;
}
.pro-main_cont li .pmc__ic2{
    background-position:-65px -366px;
}
.pro-main_cont li .pmc__ic3{
    background-position:-120px -366px;
}
.pro-main_cont li h3{
    font-size:22px;
    font-weight:600;
}
.pro-main_cont li .pl_img{
    height:50px;
}
.pro-main_cont li .pl_img img{
    display: inline;
}
.pro-main_cont li p.mb_20{
    color:#646464;
}
/* 产品详情 */
.pdet_box{
    border:2px #31708c solid;
}
.pd__top{
    padding: 60px 65px;
    border-bottom:2px #31708c solid;
}
.pd-top__left{
    padding-right:40px;
    border-right:1px #31708c solid;
}
.pd__top p{
    color: #5a5a5a;
}
.pd-top__left h3{
    font-weight:600;
    font-size:20px;
}
.pd-top__right{
    padding-left:40px;
}
.pd-top__right .add_col{
    height:32px;
    line-height: 28px;
    padding:0 37px 0 16px;
    color: #31708c;
    border:2px #31708c solid;
    font-size:16px;
    cursor: pointer;
    margin-left:200px;
    margin-top:-10px;
}
.pd-top__right .add_col i{
    position: absolute;
    right:9px;
    top:10px;
    width:15px;
    height:13px;
    display: block;
    background:url("../img/index_icon.png") -108px -10px no-repeat;
}
.pd__promise li{
    position: relative;
    padding:7px 15px 7px 60px;
    background:#05577b;
    margin-right:8px;
}

.pd__promise li h4{
    font-size:16px;
}
.pd__promise li p{
    color: #fff;
    font-size:12px;
}
.pd__promise li i{
    position: absolute;
    left:15px;
    top:11px;
    display: block;
    width:30px;
    height:30px;
    background:url("../img/index_icon.png") no-repeat;
}
.pd__promise li .prom_ic1{
    background-position: -10px -476px;
}
.pd__promise li .prom_ic2{
    background-position: -45px -476px;
}
.pd__promise li .prom_ic3{
    background-position: -80px -476px;
}
.pd__promise li .prom_ic4{
    background-position: -115px -476px;
}
.pd__bot{
    padding:40px;
}
.func__title{
    font-size:20px;
    font-weight:600;
}
.func__title i{
    position: relative;
    top:-3px;
    display: block;
    width:32px;
    height:32px;
    margin-right:20px;
    background:url("../img/index_icon.png") no-repeat;
}
.func__title .ic_basic{
    background-position: -217px -37px;
}
.func__title .ic_chose{
    background-position: -257px -37px;
}
.pd__bot .pro-main_cont{
    padding:0;
}
.pd__bot .pro-main_cont li {
    width: 271px;
    padding: 20px;
    margin: 0 10px 20px 0;
}
.pd__bot .pro-main_cont li:nth-child(4n) {
    margin-right:0;
}
.pd__bot .pro-main_cont li p{
    line-height:22px;
    height:44px;
    overflow: hidden;
}
.pd__bot .add_btn{
    width:40%;
    margin:0 auto;
    padding:5px;
    background: #05577b;
    border-radius:5px;
    cursor: pointer;
}
.pd__bot .add_btn:hover,.f__delete li:hover,.fl__total .add__cart:hover{
    opacity: .8;
}
.flist__top{
    padding:40px;
}
.flist__top h3{
    font-weight: 600;
    font-size: 18px;
}
.flist_cont{
    align-items: stretch;
    justify-content:center;
}
.fl_col,.fitems_box{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content:center;
    align-items: center;
}
.fl_col select{
    border:0;
    outline:none;
    padding-right: 30px;
}
.fl__col_1{
    width:20%;
    padding:20px 0;
    margin-right:1%;
    border:1px #c8c8c8 solid;
}
.fl__col_2{
    width:58%;
}
.fitems_box{
    border:1px #c8c8c8 solid;
}
.f__items1{
    padding:20px 0;
    width:20%;
}
.f__items2{
    padding:20px 0;
    width:30%;
}
.f__items2 li{
    margin-bottom:10px;
}
.f_bdr{
    border-right:1px #c8c8c8 solid;
}
.f__delete li{
    width:50%;
    padding:2px 0;
    margin:0 auto 2px;
    border-radius:3px;
    background: #828282;
    cursor: pointer;
}
.f__items1 li:last-child,.f__items2 li:last-child{
    margin-bottom:0;
}
.fl__total{
    justify-content: flex-end;
    margin-right:40px;
}
.fl__total .fl__price{
    margin:5px 20px 0 0;
}
.fl__total .fl__price,.fl__total .fl__price b{
    font-size:20px;
}
.fl__total .fl__price span{
    font-size:22px;
}
.fl__total .add__cart{
    padding: 10px 15px 10px 55px;
    cursor: pointer;
}
.fl__total .add__cart img{
    position: absolute;
    left:15px;
    top:8px;
    width:25px;
    height:23px;
}
.ap__detail{
    border:2px #a0a0a0 solid;
    padding:30px 40px;
}
.ap__detail .bas__title{
    padding-bottom:15px;
    border-bottom:1px #a0a0a0 solid;
}
.ap__detail .apd_title{
    font-size:20px;
    color: #5a5a5a;
    font-weight:600;
    padding:30px 0;
}
.apd__cont{
    background: #f5f5f5;
    padding:30px 60px;
}
.apd__cont P{
    color: #5a5a5a;
    line-height:26px;
    font-size:16px;
}
/* 用户中心 */
.sys_warn{
    position: absolute;
    top: 24%;
    left: 50%;
    margin-left: -600px;
    font-size:16px;
    width:1200px;
}
.user__info{
    position: relative;
    top:-45px;
    z-index:5;
    padding:50px 40px 30px 40px;
    background: #fafafa;
    border:1px #e5e5e5 solid;
}
.user__img{
    width:64px;
    height:64px;
    border-radius:50%;
    background: #05577b;
    padding-top:10px;
    margin-right:25px;
}
.user__detail span{
    font-size:16px;
    color: #333;
}
.user__detail b{
    display: inline-block;
    background: #959595;
    padding:3px 10px;
    border-radius:30px;
    margin:0 20px;
}
.user__detail .ic__msg{
    position: relative;
    top:7px;
    display: inline-block;
    width:26px;
    height:24px;
    background: url("../img/index_icon.png") -10px -510px no-repeat;
}
.user__detail p{
    margin-top:10px;
}
.user__info .usg__ul .usg__li{
    width:360px;
    margin-right:19px;
}
.user__info .usg__ul .usg__li:last-child{
    margin-right:0;
}
.usg__title i{
    display: block;
    width:29px;
    height:29px;
    background: url("../img/index_icon.png") no-repeat;
}
.usg__title .user__ic1{
    background-position: -123px -510px;
}
.usg__title .user__ic2{
    background-position: -84px -510px;
}
.usg__title .user__ic3{
    background-position: -45px -510px;
}
.usg__title h3{
    font-size:20px;
    font-weight:600;
}
.usg__cont{
    padding:20px 30px;
    border:1px #dcdcdc solid;
    height:114px;
}
.usg__cont li{
    margin-bottom:5px;
}
.usg__cont li p,.usg__cont li a{
    color: #5a5a5a;
}
.usg__cont li .usg_ct{
    width:80%;
}
.usg__cont li .usg_cd{
    width:19%;
}
.usg__cont .usg_cbox{
    width:80%;
    margin:0 auto 20px;
}
.usg__money span{
    font-size:32px;
    font-weight:600;
}
.usg__todo{
    padding:0;
}
.usg__todo li{
    height:37px;
    line-height: 37px;
    padding:0 30px;
    margin:0;
}
.usg__todo li:nth-child(even){
    background: #fafafa;
}
.order__center{
    width:794px;
}
.order__center .pslide__top{
    background: url("../img/t_bg_blue.jpg") no-repeat;
}
.order__center .order__ic{
    position: relative;
    top:3px;
    width:32px;
    height:43px;
    background-position: -162px -510px;
}
.ts_more{
    position: absolute;
    right:50px;
    top:43px;
}
.oc__cont{
    padding:30px 40px;
}
.oc_tab_ul{
    width:233px;
    border: 1px #dcdcdc solid;
}
.oc_tab_ul li{
    width:115px;
    height:40px;
    line-height: 40px;
    cursor: pointer;
    border-right:1px #dcdcdc solid;
}
.oc_tab_ul li:last-child{
    border:0;
}
.oc_tab_ul li.oc_cur{
    background: #05577b;
    color: #fff;
}
.order_list_title{
    padding:10px 20px;
    font-size:16px;
    margin-bottom:5px;
}
.order_col_1{
    width:30%;
}
.order_col_2{
    width:30%;
}
.order_col_3{
    width:40%;
}
.order_list_cont{
    font-size:16px;
}
.order_list_cont li{
    color:#5a5a5a;
    padding:10px 20px;
    border:1px #dcdcdc solid;
    margin-bottom:5px;
}
.user__part2 .basickit{
    width:396px;
}
.user__part2 .basickit .bas__btn{
    width:100px;
}
.user__part2 .basickit .bas__list p {
    width:260px;
}
.my__collect .ic_collect,.collect__page .ic_collect{
    width:34px;
    height:41px;
    background-position: -205px -510px;
}
.collect_cont{
    padding: 30px 40px;
}
.collect_item{
    border:1px #c8c8c8 solid;
    margin-bottom:5px;
}
.c_item_name{
    font-size:18px;
    width:102px;
    line-height: 77px;
}
.collect_item ul{
    padding:20px;
    width:913px;
}
.collect_item ul li{
    padding:8px 15px;
    margin-right:10px;
    border:1px #c8c8c8 solid;
}
.collect_item ul li:nth-child(even){
    background: #31708c;
}
.collect_item ul li:last-child{
    margin-right:0;
}
.user_monitor .user_monitor_li{
    width:32.33333%;
    margin-right:1.5%;
    border:1px #dcdcdc  solid;
}
.user_monitor .user_monitor_li:last-child{
    margin-right:0;
}
.user_monitor_li .usg__cont p{
    color:#c0aa80;
}
.user_monitor_title{
    padding: 20px 30px 0;
}
.user_monitor_title h3{
    font-size:18px;
    font-weight:600;
    margin-right:10px;
}
.user_monitor_title i{
    display: block;
    width:23px;
    height:23px;
    background: url("../img/index_icon.png") no-repeat;
}
.user_monitor_title .um_ic1{
    width:34px;
    background-position: -76px -558px;
}
.user_monitor_title .um_ic2{
    background-position: -43px -558px;
}
.user_monitor_title .um_ic3{
    background-position: -10px -558px;
}


/* 账号管理 */
.ic_account{
    width:37px;
    height:42px;
    top:2px;
    background-position: -243px -510px;
}
.acc_tab li{
    width:399px !important;
}
.acc_cont{
    width:70%;
    margin:0 auto;
    border:1px #31708c solid;
}
.acc_cont li{
    padding:15px 50px;
    border-bottom:1px #dcdcdc solid;
    color: #5a5a5a;
}
.acc_cont li:last-child{
    border:0;
}
.acc_cont li .acc_col_1,.acc_cont li .acc_col_3{
    width:25%;
}
.acc_cont li .acc_col_2{
    width:50%;
}
.btnBox{
    width: 70%;
    margin: 20px auto 0;
}
.btnBox button{
    border:0;
    padding: 10px 25px;
    cursor: pointer;
    outline: none;
    border-radius:3px;
}
.btnBox button:hover{
    opacity: .8;
}
.btnBox .cancleBtn{
    margin-right:30px;
}
/* 企业信息 */
.ic_corporate{
    width:42px;
    height:38px;
    background-position: -285px -510px;
}
.acc_cont li .com_col_1,.acc_cont li .com_col_3{
    width:15%;
}
.acc_cont li .com_col_2{
    width:60%;
    margin-right:10%;
}
.com__address select{
    padding:6px 15px;
    width:32.33333%;
    margin-right:1.5%;
    border-color:#c8c8c8;
}
.com__address select:last-child{
    margin-right:0;
}
.com__address input{
    border:1px #c8c8c8 solid;
    padding:6px 15px;
}
.com_col_3 input[type='file']{
    position: absolute;
    left: 0;
    top: 0;
    width: 56px;
    height: 19px;
    opacity: 0;
    cursor: pointer;
}
/* 安全设置 */
.safe_box{
    width:60%;
    margin:0 auto;
    padding:20px 0;
}
.safe_col_1{
    width:20%;
    line-height: 37px;
}
.safe_col_2{
    width:80%;
}
.safe_col_2 input{
    border:1px #c8c8c8 solid;
    padding:10px 15px;
}
.safe_col_2 .code_input{
    width:70%;
}
.safe_col_2 .code_btn{
    width:30%;
}
.safe_col_2 .code_btn button{
    background: none;
    border:0;
    height:37px;
    line-height:37px;
    outline: none;
    cursor: pointer;
}
.safe_col_2 .btn_submit{
    border:0;
    width:120px;
    height:35px;
    line-height: 35px;
    border-radius:3px;
    cursor: pointer;
    outline: none;
}
.bd_error{
    border-color:#fa5656 !important;
}
.ic_pass{
    position: absolute;
    right:15px;
    top:11px;
    display: block;
    width:16px;
    height:16px;
    background: url("../img/index_icon.png") -10px -603px no-repeat;
}
.ic_fail{
    position: absolute;
    right:15px;
    top:11px;
    display: block;
    width:16px;
    height:16px;
    background: url("../img/index_icon.png") -31px -603px no-repeat;
}
/* 我的收藏 */
.collect__page{
    margin-top:-30px;
}
.collect__page .pro-main__title{
    background: url("../img/t_bg_blue_full.jpg") no-repeat;
}
.cur_locate{
    padding:0 0 20px 30px;
}
.cur_locate a,.cur_locate{
    color: #5a5a5a;
}
.collect__page .col_title{
    background: #31708c;
    height: 40px;
    line-height: 40px;
    padding-left:30px;
    font-size: 16px;
}
.collect__page .c_item_name{
    justify-content: center;
    align-items: center;
}
.collect__page .collect_item{
    border-color:#31708c;
}
.collect__page .collect_item ul{
    padding-bottom:10px;
}
.collect__page .collect_item li:nth-child(9n){
    margin-right:0;
}
/* 登录 */
.loginBox{
    width:780px;
    padding:80px 0;
    margin:0 auto;
}
.loginBox .logTitle{
    width:100%;
    height:90px;
    line-height: 90px;
    background: url("../img/pro_banner.jpg") no-repeat;
    background-size:cover;
}
.logTitle h3{
    font-size:20px;
    letter-spacing: 5px;
}
.logCont{
    padding:80px 0;
    border:1px #31708c solid;
}
.logCont .inputBox{
    width:55%;
    margin:0 0 15px 22.5%;
}
.logCont input{
    width: 100%;
    border:0;
    background: #eaf1f4;
    padding:15px 20px 15px 65px;
    outline: none;
    border-radius:3px;
}
.logCont span{
    position: absolute;
    left: 15px;
    top: 13px;
    color: #5a5a5a;
}
.logCont button{
    display: block;
    width:200px;
    height:38px;
    line-height: 38px;
    margin: 40px auto 0;
    border:0;
    border-radius:3px;
    outline: none;
}
.logCont button.bc-blue{
    cursor: pointer;
}
.logCont button.bc-blue:hover{
    opacity:.8;
}
.regBox{
    width:72%;
    margin: 0 0 15px 14%;
}
.regBox label{
    display: block;
    line-height: 45px;
    width:23%;
    margin-right:4%;
    text-align:right;
}
.regBox input[type='number'],.regBox input[type='text'],.regBox input[type='password']{
    width:73%;
    padding:15px 20px;
}
.regBox .inputCode{
    width:40% !important;
}
.regBox input[type='checkbox']{
    width: inherit;
}
.regBox button[type='button']{
    width:31%;
    margin:0 0 0 2%;
    height:45px;
    line-height: 45px;
}
.regBox .ic_pass,.regBox .ic_fail{
    top:15px;
}
.regBox p{
    width:73%;
    line-height:45px;
    white-space: nowrap;
}
/* 媒体查询 */
@media screen and (max-width: 1500px){
    .nav__ul{
        padding-right:50px;
    }
    .userBox{
        right:-40px;
    }
}